<template>
  <div>
    <div class="top">
      <span class="my">我的</span> 
      <p class="aname">辣妈0636966</p>
      <div class="gq">2个月 男宝</div>
    </div>
    <div class="zhong">
        <div class="bb">
        
          <div class="tp"></div>
          <div class="title">宝宝管理</div>
           <div class="jt">></div>    
        </div>
        <div class="bb">
        
          <div class="tp"></div>
          <div class="title">百科收藏</div>
           <div class="jt">></div>    
        </div>
          <div class="bb">
        
          <div class="tp"></div>
          <div class="title">菜谱收藏</div>
           <div class="jt">></div>    
        </div>
          <div class="bb">
        
          <div class="tp"></div>
          <div class="title">推荐给好友</div>
           <div class="jt">></div>    
        </div>
            <div class="bb">
        
          <div class="tp"></div>
          <div class="title">关于康宝宝</div>
           <div class="jt">></div>    
        </div>
            <div class="bb">
        
          <div class="sz"></div>
           <div class="tp"></div>
          <div class="title">设置</div>
           <div class="jt">></div>    
        </div>
    </div>
  </div>
</template>
<style lang="">
  .top{
    width: 90%;
    height: 150px;
    background-color:#ccc; 
    margin-left: 15px;
    border-radius: 0px 0px 40px 40px;
    
  }
  .my{
    display: block;
    float: left;
    font-weight: bolder;
    margin-left: 10px;
  }
  .aname{
    padding: 50px;
    margin-left: -150px;
    font-size: 12px;
    font-weight: bolder;
  }
  .gq{
    width: 70px;
    height: 20px;
    background-color: #fff;
    margin-top: -50px;
    margin-left: 20px;
    border-radius: 20px;
    font-size: 12px;
  }
  .zhong{
    width: 80%;
    height: 500px;
    background-color:#fff; 
    margin-top: -30px;
    margin-left: 29px;
    float: left;
    border-radius: 10px;
    border:1px solid #ccc;
  }
  .bb{
      width: 100%;
      height: 60px;
      border-bottom:1px solid #ccc;
  }
  .tp{
    width: 40px;
    height: 40px;
    background-color: #ccc;
    border-radius: 50px;
    margin-top: 5px;
    margin-left: 20px;
    float: left;
  }
  .title{
    width: 80px;
    height: 40px;
    margin-top: 15px;
    margin-left: 10px;
     float: left;
   
   
  
   
  }
   .jt{
    width: 40px;
    height: 40px;
    margin-top: 20px;
    margin-left: 50px;
     float: left;
   
   
  
   
  }
  .sz{
    margin-top: 10px;
    border-top:1px solid #ccc;
  }
</style>